<template>
  <div class="img">
    <viewer :images="images">
      <img v-for="src in images" :key="src" :src="src">
    </viewer>
  </div>
</template>
<script>
  import 'viewerjs/dist/viewer.css'
  import VueViewer from 'v-viewer'
  import Vue from 'vue'
  Vue.use(VueViewer)
  export default {
    props: {
      images: {
        type: Array,
        default: () => []
      }
    },
  }
</script>
<style lang="less" scoped>
@import url("./index.less");
</style>
